<template>
  <div>
    <div class="box">
      <img :src="dogImg" alt="" />
      <div class="text">{{ dogName }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['dogImg', 'dogName'],
}
</script>

<style scopend>
.box {
  border: 1px solid black;
}
img {
  /* margin-top: 15px; */
  border: 1px solid black;
  width: 500px;
  height: 300px;
}
.text {
  color: rgb(10, 134, 43);
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
</style>
